<script setup>
import DatabaseAgent from "./agent/DatabaseAgent.vue";
import UnknownAgent from "./agent/UnknownAgent.vue";
import FlowAgent from "./agent/FlowAgent.vue";
import BaseAgent from "./agent/BaseAgent.vue";
import DocumentAgent from "./agent/DocumentAgent.vue";

const props = defineProps({
  agent: {
    type: Object,
    required: true,
    default: () => ({
      id: null,
      name: '',
      agentType: '',
      note: '',
      icon: ''
    })
  }
});

</script>

<template>
<div style="height: 100%">
  <database-agent :agent="agent" v-if="props.agent.agentType === 'DATABASE'"/>
  <base-agent :agent="agent" v-else-if="props.agent.agentType === 'BASE'"/>
  <flow-agent :agent="agent" v-else-if="props.agent.agentType === 'WORKFLOW'"/>
  <document-agent :agent="agent" v-else-if="props.agent.agentType === 'DOCUMENT'"/>
  <unknown-agent :agent="agent" v-else/>
</div>
</template>

<style scoped lang="less">

</style>
